<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>社区</title>
    <link rel="stylesheet" href="bootstrap-5.1.3/css/bootstrap.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/forum.css">
</head>

<body>
    <!-- 导航栏 -->
    <div id="header"></div>
    <!-- 当前位置显示-->
    <div class="place">
        <p>您的位置: <a href="index.html"> 首页>>  </a><a href="#"> 社区大厅 </a></p>
    </div>
    <!-- 背景 -->
    <div class="bj5"></div>
    <!-- 轮播图 -->
    <div class="content_top ">
        <div class="row content_top_left">
            <div class="ban col-6">
                <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
                    <div class="carousel-indicators">
                        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
                        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
                    </div>
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <img src="img/forem/image3.png" class="d-block w-100" alt="...">
                        </div>
                        <div class="carousel-item">
                            <img src="img/forem/image3.png" class="d-block w-100" alt="...">
                        </div>
                        <div class="carousel-item">
                            <img src="img/forem/image4.png" class="d-block w-100" alt="...">
                        </div>
                    </div>
                    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Previous</span>
        </button>
                    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Next</span>
        </button>
                </div>
            </div>
            <div class=" content_rigth col-6">
                <div>
                    <ul>
                        <li class="xz1">社区新闻</li>
                        <li>杉果资讯</li>
                        <li>杉果专栏</li>
                        <li>常见问题</li>
                        <li>杉果科普</li>

                    </ul>
                    <span>更多</span>
                </div>
                <div>
                    <p>【杉果资讯】圆子の游戏资讯小组来啦！</p>
                    <p>【杉果新闻速报】《小缇娜的奇幻之地》公布1.0.1.0e版本</p>
                    <p>【杉果新闻速报】《小缇娜的奇幻之地》公布1.0.1.0e版本</p>
                    <p>【杉果新闻速报】《开拓者：正义之怒》将于4月21推出全新内容</p>
                    <p>【受训、作战、成为公民——《星河战队》系列世界观探讨</p>
                    <p>【杉果新闻速报】育碧游戏将支持Quartz NFTs功能</p>
                </div>
            </div>
        </div>
    </div>
    <div class="zxhd">
        <p>最新社区活动</p>
        <div class="">
            <div>
                <div><span>进行中</span></div>
                <div><span>【果核topic】你最喜爱怎样的游戏手绘风格呢</span></div>
            </div>
            <div>
                <div><span>进行中</span></div>
                <div><span>【果核topic】你最喜爱怎样的游戏手绘风格呢</span></div>
            </div>
            <div>
                <div><span>进行中</span></div>
                <div><span>【果核topic】你最喜爱怎样的游戏手绘风格呢</span></div>
            </div>
            <div>
                <div><span>进行中</span></div>
                <div><span>【果核topic】你最喜爱怎样的游戏手绘风格呢</span></div>
            </div>
        </div>
    </div>
    <div class="rmxz">
        <p>热门小组</p>
        <div>
            <div>
                <p><span>杉果综合讨论组</span><i></i></p>
                <p><span>关注:1128725 </span><span> 主题数:325446</span></p>
                <p>银河城《弃海》Boss战演示，深海巨鲨压迫感十足</p>
                <p>银河城《弃海》Boss战演示，深海巨鲨压迫感十足</p>
                <p>银河城《弃海》Boss战演示，深海巨鲨压迫感</p>
            </div>
            <div>
                <p><span>杉果综合讨论组</span><i></i></p>
                <p><span>关注:1128725 </span>6<span> 主题数:32544</span></p>
                <p>银河城《弃海》Boss战演示，深海巨鲨压迫感十足</p>
                <p>银河城《弃海》Boss战演示，深海巨鲨压迫感十足</p>
                <p>银河城《弃海》Boss战演示，深海巨鲨压迫感</p>
            </div>
            <div>
                <p><span>杉果综合讨论组</span><i></i></p>
                <p><span>关注:1128725 </span><span> 主题数325446</span></p>
                <p>银河城《弃海》Boss战演示，深海巨鲨压迫感十足</p>
                <p>银河城《弃海》Boss战演示，深海巨鲨压迫感十足</p>
                <p>银河城《弃海》Boss战演示，深海巨鲨压迫感</p>
            </div>
            <div>
                <p><span>杉果综合讨论组</span><i></i></p>
                <p><span>关注:1128725 </span><span> 主题数:325446</span></p>
                <p>银河城《弃海》Boss战演示，深海巨鲨压迫感十足</p>
                <p>银河城《弃海》Boss战演示，深海巨鲨压迫感十足</p>
                <p>银河城《弃海》Boss战演示，深海巨鲨压迫感</p>
            </div>
        </div>
    </div>
    <div id="footer1"></div>
    <script src="bootstrap-5.1.3/js/bootstrap.bundle.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/forum.js"></script>
    <script>
        $("#header").load("public.html #header")
        $("#footer1").load("public.html #footer")
    </script>

</body>

</html>